body{
	background-color: #c0c0c0;
	font-size: 87.5%; 
	font-family: arial;
	line-height: 1.5;
	text-align: left;
}
a{
	text-decoration: none;
}
a.link,a:visited{
	color: green;
}
a.hover, a:active{
	background-color: green;
	color:#fff;
}
.body{
	margin: 0 auto;
	width: 70%;
	clear:both;
}
.mainheader img {
	width: 30%;
	height:auto;
	margin: 2% 0;
}
.mainheader nav{
	background-color: #666;
	height:40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mainheader nav ul {
	list-style: none;
	margin: 0 auto;
}
.mainheader nav ul li {
	float: left;
	display: inline;
}
.mainheader nav a:link, .mainheader nav a:visited{
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	/* comeback here to assign height*/
	height: 20px;
}
.mainheader nav a:hover , .mainheader nav a:active,
.mainheader nav .active a:link,.mainheader nav .active a:visited{
	background-color: green;
	color: #cf5c3f;
	text-shadow:none;
}
.mainheader nav ul li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mainContent {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 25px;
}
.content {
	width: 70%; 
	height: auto;
	float: left;
}
.topcontent{
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3% 5%;
	margin-top: 2%;
}
.bottomcontent{
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3% 5%;
	margin-top: 2%;
}
.top-sidebar{
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2% 3%;
}
.middle-sidebar{
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%;
}
.bottom-sidebar{
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%;
}
.post-info{
	font-style:italic;
	color: #999;
	font-size: 90%;
}
.mainFooter{
	width: 100%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 2% 0;
	background-color: #666;
}
.mainFooter p {
	width: 92%;
	margin:2% auto;
	color:#fff;
}
@media only screen and (min-width: 150px) and (max-width: 600px){
		.body{
		width: 90%;
		font-size: 95%;
	}
		.mainheader img {
		width: 100%;
	}
		.mainheader nav{
		height:160px;
		}
		.mainheader nav ul { 
			padding-left: 0;
		}
		.mainheader nav ul li {
			width: 100%;
			text-align: center;
		}
		.mainheader nav a:link, 
		.mainheader nav a:visited{
			padding: 10px 25px;
			/* comeback here to assign height*/
			height: 20px;
			display: block;
		}

	.content {
		width: 100%;
		float: left;
		margin-top:2%;
	}
	.post-info{
		display: none;
	}
	.topcontent{
		background-color: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding:3% 5%;
		margin-top: 2%;
	}
	.bottomcontent{
		background-color: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding:3% 5%;
		margin-top: 2%;
	}
			.top-sidebar,.middle-sidebar,.bottom-sidebar{
			width: 94%;
			margin: 2% 0 2% 0;
			padding: 2% 3%;
		}
} 
